*{margin: 0 auto; padding: 0;}
body{font-family: "微软雅黑",arial; font-size: 14px;}
li{list-style:  none; float: left;}
a{text-decoration: none;color: black;}
.space1{width: 100%;height: 10px;clear: both;}
.space2{width: 100%;height: 20px;clear: both;}
.space3{width: 100%;height: 30px;clear: both;}
.space5{width: 100%;height: 50px;clear: both;}
.space6{width: 100%;height: 12px;clear: both;}
img{border:0;}
.main{width: 1200px; } 
.header{width: 100%;height: 50px;line-height: 50px; }
.h_phone{float: left;}
.h_nav{width: 600px;height: 50px;float: right;}
.h_nav ul li{width: 100px;height: 50px;text-align: center;line-height: 50px;}
.h_nav ul li a{width: 100px;height: 50px;display: block;float: left;}
.msg{background: url(../images/24.png) no-repeat 70px;}
.h_nav ul li span{float: right;color: #eee;}
.caret{background: url(../images/04.png) no-repeat 70% center;}
.h_nav ul li.caret ul li{width: 100px;height: 40px;  display: none; background: #aaa; line-height: 40px;}
.h_nav ul li.caret:hover ul li{display: block;}
.h_nav ul li.caret ul li:hover{background: #ddd;}
/*头部*/
.p_header{width: 100%;height: 178px;border-bottom: 1px solid #2CBDBD;}
.p_logo{float: left;}
.p_title{width: 200px;height: 50px;border-left: 1px solid #DDDDDD;float: left; margin: 10px 0 0 40px;background:url(../images/14.png) center no-repeat;}
/*导航和信息*/
.nav{width: 100%;height: 60px; line-height: 60px;}
.nav ul li{width: 120px;height: 60px;text-align: center; font-size: 16px;}
.nav ul li a {width: 90px;height: 60px;display: block;}
.nav ul li a:hover{border-bottom:4px solid #2CBDBD;}
.student_msg{width: 300px;height: 300px;border:1px solid #ddd;float: left; text-align: center;}
.student_msg p{margin-bottom: 5px;}
.student_about{width: 870px;height: 300px;border:1px solid #ddd; float: right;background:url(../images/16.png) no-repeat 40px 25px;}
.student_about_in{width: 730px; }
.student_about_in a:hover{text-decoration:underline;}
.border_b{width: 1200px;height: 3px;border-bottom: 1px solid #ddd; clear: both;}
.border_b1{width: 100%;height: 3px;border-bottom: 1px solid #ddd; clear: both;}
.main_border{width: 1200px;height: 800px;border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.p1{font-size: 16px;}
/*课程*/
.lesson_hd{width: 100%;height: 60px;border:1px solid #ddd;font-size: 16px;}
.lesson_hd_l{width: 559px; text-align: center;line-height: 60px; float: left; border-right: 1px solid #eee;}
.lesson_hd_r{width: 600px; text-align: center;line-height: 60px;float: right;}
.lesson_hd a{width: 600px;height: 60px;display: block;}
.bg{background: #effbfb;}
.lesson_content{height: 510px;width: 100%;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd}
.lesson_name{height: 60px; clear: both;}
.lesson_title_l{color: #f0b848;width: 270px;height: 60px; float: left; text-align: center;line-height: 60px;font-size: 16px;}
.lesson_nav_r{width: 270px;height: 60px ;line-height: 60px; float: right;}
.lesson_nav_r a{color: #2CBDBD; margin-right: 18px;}
.lesson_fnc{width: 920px;float: left;}
.lesson_fnc_t{width: 919px;height: 48px; background: #f5f5f5;}
.lesson_fnc_t span{float: right; color: #ddd;}
.lesson_rbar{width: 278px;float: right; border-left:1px solid #ddd;height: 449px;border-top:1px solid #ddd;}
/*表格*/
table{border-collapse:collapse;}
.td1{width: 226px;height: 50px; text-align: center; background: url(../images/18.png) no-repeat 40px center;line-height: 50px;}
.td2{width: 90px;height: 50px; text-align: center; line-height: 50px;}
.td3{width: 590px;height: 50px; padding-left: 67px; line-height: 50px; position: relative;}
.td3_play img{margin-left: 60px; position: absolute; top: 15px;}
.td_r{float: right; width: 336px;}
.f4{background: #f9f9f9;}
.td_font{font-size: 16px;}
/*课程右侧*/
.lesson_rbar_title{width: 236px; line-height: 35px; font-size: 16px; position: relative; padding-left: 20px;}
.lesson_rbar_title span{width:3px;height: 15px;background: #2CBDBD;display: block;float: left;position: absolute;top: 12px; left: 10px;}
.lesson_rbar_title a{float: right;}
.lesson_rbar_content{width: 236px}
.author{width: 236px; padding-left: 30px;}
.lesson_rbar_down{width: 236px;border-top: 1px solid #ddd;height: 400px;}
.down_1,.down_2,.down_3{margin-top: 20px;}
.down_1{ line-height: 35px; font-size: 16px; position: relative; padding-left: 20px;}
.down_1 a{float: right;}
.down_1 span{width:3px;height: 15px;background: #2CBDBD;display: block;float: left;position: absolute;top: 12px; left: 10px;}
.down_2{padding-left: 20px; position: relative;}
.down_2 progress{float: right; position: absolute; top: 4px; right:0;}
.down_3{padding-left: 20px; position: relative;}
.down_3 progress{float: right; position: absolute; top: 4px; right:0;}
progress{width: 140px !important;}
.main_1{width: 1000px;}
.per_title{width: 100%;height: 60px;line-height: 60px;}
.per_title ul li{width: 180px;line-height: 60px; text-align: center; font-size: 16px;}
.per_title ul li a{width: 180px;height: 60px;display: block; color: #999;}
.main_2{width: 1200px;border-top: 1px solid #ddd;}
.main_3{width:930px}
.face{width: 560px;height: 100px;  float: left;}
.face_n{float: left;}
.face_in{width: 450px;height: 100px; float: right;}
.face_l{ width: 100px;height: 100px;border-radius: 50px;background: #dfdfdf; float: left;}
.face_r{width: 320px;height: 100px;float: right; font-size: 12px;}
.face_r p{margin-bottom: 5px;}
.post_hd{color: #2CBDBD;}
form{float: left;width: 700px;}
.form-group{width: 600px; float: left; }
form label{width: 100px;float: left;height: 35px;line-height: 35px; margin-bottom: 12px;}
form input{width: 300px;height: 35px; border:1px solid #ddd; padding-left: 20px; font-size: 14px; color: #999;}
.form-group{margin-bottom: 12px;}
.num{width: 300px;height: 35px; line-height: 35px; float: left;}
.num span a{float: right; color: #2CBDBD;}
.radio{width: 50px; margin-left: 10px; }
.radio_g{position: relative;}
.span1{padding-top: 80px; display: block;position: absolute;top:-70px;left: 160px;}
.span2{padding-top: 80px; display: block;position: absolute;top:-70px;left: 220px;}
.radio:after{ line-height: 30px; height: 30px; width: 100px;}
form input[type=submit]{margin-left: 100px;background: #f0b848;border-radius: 5px;font-size: 18px; font-weight: 800;color: #555;}
/*我的学习*/
.study_title{width: 180px;height: 60px;float: left; line-height: 60px;}
.study_title:after{line-height: 0px; height: 0px; }
.study_title span{float: right;font-size: 16px; color: #666;}
.student_ID{margin-top: 6px; display: block;}
.study_content{border-top: 1px solid #ddd; clear: both}
.study_content_in{width: 1100px;}
.tishi{color: red;}
/*我的订单*/
.order_nav{width:1040px;height: 60px;line-height: 60px; }
.order_nav ul li{ text-align: center; width: 260px; font-size: 16px;}
.order_nav ul li a{width: 260px;height: 60px;display: block; color: #aaa;}
.order_table{width: 100%;height: 70px;line-height: 70px;background: #f5f5f5; border-top: 1px solid #ddd;}
.or_tl{width: 150px;float: left; text-align: center;}
.or_tr{width: 600px;float: right;}
.or_tr span{display: block; float: left; width: 150px; text-align:  center;}
.order_time_num{width: 350px; float:left;margin-left: 44px;}
.order_time_num span{margin-right: 25px;}
.order_table_2{width: 100%;height: 70px;line-height: 70px;background: #f5f5f5; border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; }
.order_time_num + a{ float: right; margin-right: 40px; padding-top: 5px;}
.order_table_in{width: 1200px;height: 516px; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; }
.order_table_inr{width: 600px; float: right; height: 100%; margin-right: -60px;}
.order_tbar{width: 149px;height: 100%;float:left;border-left: 1px solid #ddd;text-align: center; color: #999;}
.order_tbar a{color: #999;}
.order_table_in_2{width: 1200px;height: 100px; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd; }
.fanye{width: 400px;height: 30px;float: right; margin-right: -80px;}
.fanye a{margin: 10px; color:#2cbdbd ; float: left; display: block;}
.fanye a:nth-child(1){width: 40px;height: 30px;  text-align: center;line-height: 30px;}
.fanye a:nth-child(2){width: 30px;height: 30px; border-radius: 15px; text-align: center;line-height: 30px;}
.fanye a:nth-child(3){width: 30px;height: 30px;border-radius: 15px; text-align: center;line-height: 30px;}
.fanye a:nth-child(4){width: 30px;height: 30px;border-radius: 15px; text-align: center;line-height: 30px;}
.fanye a:nth-child(5){width: 50px;height: 30px;text-align: center;line-height: 30px;}
.fanye a:nth-child(6){width: 40px;height: 30px;text-align: center;line-height: 30px;}
.fanye a:hover{color: white; background:#2cbdbd ;}
